$(function () {
  //1.定义校验规则
  let form = layui.form
  //
  form.verify({
    nickname: [/^[\S]{1,10}$/, '昵称的长度为1-10个字符'],
  })

  //2.渲染用户信息 -封装成函数后面要用
  let layer = layui.layer
  initUserInfo()
  function initUserInfo() {
    axios({
      method: 'get',
      url: '/my/userinfo',
    }).then(res => {
      //判断
      if (res.data.status !== 0) {
        return layer.msg(res.data.message)
      }
      form.val('formUserInfo', res.data.data)
    })
  }

  // 3.重置功能
  // $('form').on('reset', function (e) {//写1
  $('#btnReset').on('click', function (e) { //写2
    e.preventDefault()
    //重新渲染表单
    initUserInfo()
  })

  //4.修改用户信息
  $('form').on('submit', function (e) {
    e.preventDefault()
    axios({
      method: 'post',
      url: '/my/userinfo',
      data: $(this).serialize(),
    }).then(res => {
      //判断业务码
      if (res.data.status !== 0) {
        return layer.msg(res.data.message)
      }

      //成功提示
      layer.msg('恭喜您，修改成功!')

      //直接调用父页面 index.html内函数 无效，因为不是一个window对象
      window.parent.getUserInfo()
    })
  })
})
